<template>
  <div>
    <q-card>
      <q-card-section>
        <Start id="start1" :width="400" :height="300" :char-data="charData"/>
      </q-card-section>
    </q-card>
    <!-- <q-card> -->
      <!-- <q-card-section>
        <h-l-h id="Pie" :width="400" :height="300" :char-data="pieData"/>
      </q-card-section>
    </q-card> -->
    <q-card>
      <q-card-section>
        <zhu-xian id="zhu" :width="400" :height="300" :char-data="charDatas"/>
      </q-card-section>
    </q-card>
  </div>
</template>

<script>
import Start from './Start'
// import HLH from './Pie'
import ZhuXian from './Zhu'
export default {
  components: {
    Start,
    ZhuXian
  },
  data () {
    return {
      charData: [
        { 'mzkId': 112, 'strftime': '2017-01-11', 'value': 9275501 },
        { 'mzkId': 112, 'strftime': '2017-01-12', 'value': 9281904 },
        { 'mzkId': 112, 'strftime': '2017-01-13', 'value': 9290777 },
        { 'mzkId': 112, 'strftime': '2017-01-14', 'value': 9297913 },
        { 'mzkId': 112, 'strftime': '2017-01-15', 'value': 9306918 },
        { 'mzkId': 112, 'strftime': '2017-01-16', 'value': 9315641 }
      ],
      charDatas: [
        { 'mzkId': 112, 'strftime': '2017-01-11', 'value': 9270000 },
        { 'mzkId': 112, 'strftime': '2017-01-12', 'value': 9300000 },
        { 'mzkId': 112, 'strftime': '2017-01-13', 'value': 9400000 },
        { 'mzkId': 112, 'strftime': '2017-01-14', 'value': 10000000 },
        { 'mzkId': 112, 'strftime': '2017-01-15', 'value': 9306918 },
        { 'mzkId': 112, 'strftime': '2017-01-16', 'value': 9315641 },
        { 'mzkId': 112, 'strftime': '2018-02-11', 'value': 9270000 },
        { 'mzkId': 112, 'strftime': '2018-02-12', 'value': 9300000 },
        { 'mzkId': 112, 'strftime': '2018-02-13', 'value': 9400000 },
        { 'mzkId': 112, 'strftime': '2018-02-14', 'value': 10000000 },
        { 'mzkId': 112, 'strftime': '2018-02-15', 'value': 9306918 },
        { 'mzkId': 112, 'strftime': '2018-02-16', 'value': 9315641 },
        { 'mzkId': 112, 'strftime': '2019-03-11', 'value': 9270000 },
        { 'mzkId': 112, 'strftime': '2019-03-12', 'value': 9300000 },
        { 'mzkId': 112, 'strftime': '2019-03-13', 'value': 9400000 },
        { 'mzkId': 112, 'strftime': '2019-03-14', 'value': 10000000 },
        { 'mzkId': 112, 'strftime': '2019-03-15', 'value': 9306918 },
        { 'mzkId': 112, 'strftime': '2020-04-16', 'value': 9315641 },
        { 'mzkId': 112, 'strftime': '2020-04-11', 'value': 9270000 },
        { 'mzkId': 112, 'strftime': '2020-04-12', 'value': 9300000 },
        { 'mzkId': 112, 'strftime': '2020-04-13', 'value': 9400000 },
        { 'mzkId': 112, 'strftime': '2020-04-14', 'value': 10000000 },
        { 'mzkId': 112, 'strftime': '2020-04-15', 'value': 9306918 },
        { 'mzkId': 112, 'strftime': '2020-04-16', 'value': 9315641 }
      ],
      pieData: [
        {
          year: '2001',
          population: 41.8
        }, {
          year: '2002',
          population: 38
        }, {
          year: '2003',
          population: 33.7
        }, {
          year: '2004',
          population: 30.7
        }, {
          year: '2005',
          population: 25.8
        }, {
          year: '2006',
          population: 31.7
        }, {
          year: '2007',
          population: 33
        }, {
          year: '2008',
          population: 46
        }, {
          year: '2009',
          population: 38.3
        }, {
          year: '2010',
          population: 28
        }, {
          year: '2011',
          population: 42.5
        }, {
          year: '2012',
          population: 30.3
        }
      ]
    }
  }
}
</script>

<style lang="stylus" scoped>
</style>
